<template>
	<div class="hello">
		<ul>
			<li v-for="(user,index) in users" :key="index">{{ user }}</li>
			<!-- //遍历传递过来的值，并将其呈现到页面中 -->
		</ul>
	</div>
</template>
<script>
export default {
    name: 'Users',
    props:{
     users:{
     'type':Array,
     'required':true
      }
   }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
	margin: 40px 0 0;
}
ul {
	list-style-type: none;
	padding: 0;
}
li {
	display: inline-block;
	margin: 0 10px;
}
a {
	color: #42b983;
}
</style>
